<!DOCTYPE html>
<html lang="zh">
{% load static %}
<head>
    <link rel="stylesheet" href="{% static 'Fantasy/http_daiwei.site_static_resourse_d-audio_d-audio.css' %}">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Fantasy</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <link rel="stylesheet" href="{% static 'Fantasy/uikit.min.css' %}">
    <link rel="stylesheet" href="{% static 'Fantasy/main.css' %}">


</head>
<body>
{% include 'Fantasy/wallpaper.html' %}
<span style="position: relative">&nbsp&nbsp欢迎您 {{ first_name }}</span>

<button id="dd" type="button" style='
    margin: 5px 0;
    width: 6%;
    height: 5%;
    background-color: green;
    border: 0;
    font-size:50%;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    position:absolute;
    right: 0;
    top: 0;
    size: auto;
' onclick='window.location.href="{% url 'logout_view' %}"'>
    退出登录
</button>
<div class="uk-container uk-margin-large-top uk-text-center">

    <img id="ali-logo" src="{% static 'Fantasy/img/logo.png' %}" class="uk-align-center"
         alt="图片">


    <div class="search">
        <div class="search_box">

            {#HTML原生form#}
            <form class="uk-search uk-search-default uk-width-large uk-width-1-2"
                  action="{% url 'index' %}" method="POST">
                <button type="submit" class="uk-search-icon-flip uk-search-icon uk-icon">
                    <svg
                            width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
                            data-svg="search-icon">
                        <circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle>
                        <path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path>
                    </svg>
                </button>
                {% csrf_token %}
                <label>
                    <input class="uk-search-input" type="search" placeholder="搜搜" name='word'>
                </label>
            </form>

        </div>
    </div>

    <div><span>做一个安静的工具网站</span></div>
    {#音乐插件#}
    {#    <div class="d-audio" style="width: 300px;"></div>#}
</div>


<div class="uk-container uk-margin-top uk-text-left">


    {#热点信息#}
    <strong><span style="color: red">公告&nbsp&nbsp</span></strong>
    {#    <strong><a style="color: greenyellow"#}
    {#               href="https://huang-hongzhe.gitee.io/2022/03/26/%E5%B1%95%E6%9C%9B%E6%9C%AA%E6%9D%A5/">网站成立[hot]</a></strong>#}
    {#    <strong><a style="color:greenyellow"#}
    {#               href="https://huang-hongzhe.gitee.io/2022/03/26/Fantasy/">&nbsp&nbsp开发历程</a></strong>#}
    {#    <strong><a style="color:greenyellow"#}
    {#               href="/admin">&nbsp&nbsp上传资料</a></strong>#}
    {##}
    {#    <p style="color: green"><strong>Tip:用户可自行上传任何资料至本站(数据库),可视为一个公共云盘。</strong></p>#}

    <ul class="uk-list uk-list-divider">
        {#公告栏目#}
        {% for i in announcement %}
            <li class="uk-grid uk-grid-collapse">
                <span class="uk-width-small uk-visible@m">{{ i.pub_date }}</span>
                <span class="uk-width-expand">
                    {% if i.link != 'Fantasy/announcement' %}
                        <a class="uk-text-break"
                           href="{{ i.link }}?id={{ i.pk }}"
                           title="{{ i.title }}" style="color: red">{{ i.title }}</a>
                    {% else %}
                        <a class="uk-text-break"
                           href="{{ i.link }}"
                           title="{{ i.title }}" style="color: red">{{ i.title }}</a>
                    {% endif %}
                </span>

            </li>
        {% endfor %}



        <li><span><strong>编程软件</strong></span></li>
        {% for i in code_software %}
            <li class="uk-grid uk-grid-collapse">
                <span class="uk-width-small uk-visible@m">{{ i.pub_date }}</span>
                {% if i.link == '/media/files/' %}
                    <span class="uk-width-expand">
                        <a class="uk-text-break" href="{{ i.media_file.url }}"
                           title="{{ i.media_name }}">{{ i.media_name }}</a>
                        </span>
                    <span class="uk-width-auto uk-visible@m uk-align-right">
						<span class="uk-label"><b>{{ i.media_size }}</b></span>
						<span class="uk-label uk-label-success down_txt"><a
                                href="{{ i.media_file.url }}"
                                title="{{ i.media_name }}">下载文件</a></span>
					</span>
                {% else %}
                    <span class="uk-width-expand">
                        <a class="uk-text-break" href="{{ i.link }}" title="{{ i.media_name }}">{{ i.media_name }}</a>
                        </span>
                    <span class="uk-width-auto uk-visible@m uk-align-right">
						<span class="uk-label"><b>{{ i.media_size }}</b></span>
						<span class="uk-label uk-label-success down_txt"><a
                                href="{{ i.link }}"
                                title="{{ i.media_name }}">下载文件</a></span>
					</span>
                {% endif %}
            </li>
        {% endfor %}

        <li><span><strong>专升本资料</strong></span></li>
        {% for i in zsb %}
            <li class="uk-grid uk-grid-collapse">
                <span class="uk-width-small uk-visible@m">{{ i.pub_date }}</span>
                {% if i.link == '/media/files/' %}
                    <span class="uk-width-expand">
                        <a class="uk-text-break" href="{{ i.media_file.url }}"
                           title="{{ i.media_name }}">{{ i.media_name }}</a>
                        </span>
                    <span class="uk-width-auto uk-visible@m uk-align-right">
						<span class="uk-label"><b>{{ i.media_size }}</b></span>
						<span class="uk-label uk-label-success down_txt"><a
                                href="{{ i.media_file.url }}"
                                title="{{ i.media_name }}">下载文件</a></span>
					</span>
                {% else %}
                    <span class="uk-width-expand">
                        <a class="uk-text-break" href="{{ i.link }}" title="{{ i.media_name }}">{{ i.media_name }}</a>
                        </span>
                    <span class="uk-width-auto uk-visible@m uk-align-right">
						<span class="uk-label"><b>{{ i.media_size }}</b></span>
						<span class="uk-label uk-label-success down_txt"><a
                                href="{{ i.link }}"
                                title="{{ i.media_name }}">下载文件</a></span>
					</span>
                {% endif %}
            </li>
        {% endfor %}


        <li><span><strong>精选文章</strong></span></li>
        {% for i in article %}
            <li class="uk-grid uk-grid-collapse">
                <span class="uk-width-small uk-visible@m">{{ i.pub_date }}</span>
                <span class="uk-width-expand"><a class="uk-text-break"
                                                 href="{{ i.link }}"
                                                 title="{{ i.media_name }}">{{ i.media_name }}</a></span>
                <span class="uk-width-auto uk-visible@m uk-align-right">
						<span class="uk-label uk-label-success down_txt"><a
                                href="{{ i.link }}"
                                title="{{ i.media_name }}">查看文章</a></span>
					</span>
            </li>
        {% endfor %}

        <li><span><strong>本站壁纸</strong></span></li>
        {% for i in img %}
            <li class="uk-grid uk-grid-collapse">
                <span class="uk-width-small uk-visible@m">{{ i.pub_date }}</span>
                <span class="uk-width-expand">
                 <a class="uk-text-break"
                    href="{{ i.media_file.url }}"
                    title="{{ i.media_name }}" id="img">{{ i.media_name }}</a>
                </span>

                <span class="uk-width-auto uk-visible@m uk-align-right">
						<span class="uk-label uk-label-success down_txt"><a
                                href="{{ i.media_file.url }}"
                                title="{{ i.media_name }}" download="{{ i.media_name }}">下载壁纸</a></span>
					</span>
            </li>
        {% endfor %}

        <li><span><strong>其他分类</strong></span></li>
        {% for i in other %}
            <li class="uk-grid uk-grid-collapse">
                <span class="uk-width-small uk-visible@m">{{ i.pub_date }}</span>
                {% if i.link == '/media/files/' %}
                    <span class="uk-width-expand">
                        <a class="uk-text-break" href="{{ i.media_file.url }}"
                           title="{{ i.media_name }}">{{ i.media_name }}</a>
                        </span>
                    <span class="uk-width-auto uk-visible@m uk-align-right">
						<span class="uk-label"><b>{{ i.media_size }}</b></span>
						<span class="uk-label uk-label-success down_txt"><a
                                href="{{ i.media_file.url }}"
                                title="{{ i.media_name }}">下载文件</a></span>
					</span>
                {% else %}
                    <span class="uk-width-expand">
                        <a class="uk-text-break" href="{{ i.link }}" title="{{ i.media_name }}">{{ i.media_name }}</a>
                        </span>
                    <span class="uk-width-auto uk-visible@m uk-align-right">
						<span class="uk-label"><b>{{ i.media_size }}</b></span>
						<span class="uk-label uk-label-success down_txt"><a
                                href="{{ i.link }}"
                                title="{{ i.media_name }}">下载文件</a></span>
					</span>
                {% endif %}
            </li>
        {% endfor %}


    </ul>
</div>

<script src="{% static 'Fantasy/http_daiwei.site_static_resourse_d-audio_d-audio.js' %}"></script>

<script>

    const d = new Daudio({
        ele: '.d-audio',
        src: "/media/files/周杰伦-说好不哭with五月天阿信[mqms2].mp3",
        {#imageurl: "{% static 'Fantasy/img/bg.jpg' %}",#}
        name: '周杰伦-说好不哭with五月天阿信',
        singer: '杰伦&阿信',
        next: function () {
        },
        ended: function () {
        },
    })
    {#d.play();#}
</script>

<div class="uk-container uk-margin-top uk-text-center">
    <p>Copyright 站长阿狸 </p>

    <p><a href="https://huang-hongzhe.gitee.io/" target="_blank" title="阿狸的博客">阿狸日志</a> | <a
            href="https://qm.qq.com/cgi-bin/qm/qr?k=EdFD5a6UFu6zrJZetn_CCGqW1cWcShtj&noverify=0" target="_blank"
            title="极影动漫">联系开发者</a></p>
</div>
</body>

</html>

